<?php
// include_once "../db.php";
session_start();
?>

<script type="text/javascript" charset="utf-8">
  
    var oTableUsuariosMesa;	
   
   
    // (function(){       
		
        $(document).ready(function() {
	         
            $.datepicker.regional[""].dateFormat = 'dd/mm/yy';
            $.datepicker.setDefaults($.datepicker.regional['es']);			
						
            oTableUsuariosMesa = $('#dt_usuarios_x_repart_mesa').dataTable({
               
                "iDisplayLength": 50, //(screen.height > 768)? 50:50,     
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                // "sScrollX": "100%",
                // "sScrollXInner": "110%",
                "bScrollCollapse": true,
                //"sDom": '<"H"lf<"toolbar_dt1">>t<"F"ip>',
				
                //processing php rck pablon
                "bProcessing": true,
                "bServerSide": true,
                "sAjaxSource": "ajax_php/server_processing_usuarios_mesa.php",
                //--
				
                "fnDrawCallback": function () {
                    /*
                    $('.user_nombre').editable( '..', {
                        "callback": function( sValue, y ) {
                             // Redraw the table from the new data on the server 
                            // oTableTramitesArchivados.fnDraw();
                        },
                        "height": "20px"
                    } );
                     */
					
					if(SISTEMA.oUser.atributos.desc_perfil == "9_callcenter" ) return;
					
                    $('.cant_dias_atras').editable('ajax_php/edit_row_add_ajax.php', { 
                        // type      : "masked",
                        // mask      : "99%",
                        // cancel    : 'Cancel',
                        // submit    : 'OK',
                        placeholder   : 'Fijar cant. dias',
                        indicator : '<img src="images/loader.gif">',
                        tooltip   : 'Fijar cant. dias',
                        callback : function(value, settings) {
                            //location.reload(true);
                            // oTableUsuariosMesa.fnDraw();
                            // alert('sdf');
                            /*
							var aPos = oTableViajes.fnGetPosition( this );		
							var aData = oTableViajes.fnGetData( aPos[0] );

							var dato = parseFloat(value).toFixed(2);

							aData[ aPos[1] ] = 'clicked';
							this.innerHTML = dato + '%';
                             */
                            // mysql_query("SELECT ");
							
							var part = this.getAttribute('id').split("_");
							
							var msj = "el usuario " + SISTEMA.oUser.atributos.nombre_usuario + " modifico la cantidad de dias permitidos a " + value + 
							" para el usuario " + SISTEMA.Usuarios.findUserById(part[1]).nombre_usuario;
							
							js_mysql_logs("z_logs_users", msj);	
							
                        },
                        submitdata: function ( value, settings ) {                                    
                            // value = 50.30;
                            // alert("value: "+ value);
                            // alert("value: "+ this.getAttribute('id'));
							
                            var part = this.getAttribute('id').split("_");
							
                            // console.log(part)
                            return {                                         
                                "row_id": part[1],
                                "campo_id": "user_id", //this.getAttribute('id'),
                                "campo_editar" : "cant_dias_atras",
                                "tabla": "admin_usuarios_permiso_alta"                                                
                            };
                        },
                        eight: "50px"
                    });       

                    $('.valido_hasta').editable('ajax_php/edit_row_add2_ajax.php', { 
                        type      : 'datepicker',
                        datepicker: {
                            dateFormat: 'yy-mm-dd'                             
                        },                        
                        placeholder   : 'Vigencia',
                        // mask      : "99%",
                        // cancel    : 'Cancel',
                        // submit    : 'OK',                        
                        indicator : '<img src="images/loader.gif">',
                        tooltip   : 'Vigencia',
                        callback : function(value, settings) {
                            //location.reload(true);
                            // oTableUsuariosMesa.fnDraw();
                            // alert('sdf');
                            /*
                                                        var aPos = oTableViajes.fnGetPosition( this );		
                                                        var aData = oTableViajes.fnGetData( aPos[0] );
							
                                                        var dato = parseFloat(value).toFixed(2);
							
                                                        aData[ aPos[1] ] = 'clicked';
                                                        this.innerHTML = dato + '%';
                             */
                            // mysql_query("SELECT ");
							var part = this.getAttribute('id').split("_");
							
							var msj = "el usuario " + SISTEMA.oUser.atributos.nombre_usuario + " modifico la fecha de caducidad de dias permitidos al " + value + 
							" para el usuario " + SISTEMA.Usuarios.findUserById(part[1]).nombre_usuario;
							
							js_mysql_logs("z_logs_users", msj);	
								
                        },                        
                        submitdata: function ( value, settings ) {                                    
                            // value = 50.30;
                            // alert("value: "+ value);
                            // alert("value: "+ this.getAttribute('id'));
							
                            var part = this.getAttribute('id').split("_");
							
                            // console.log(part)
                            return {                                         
                                "row_id": part[1],
                                "campo_id": "user_id", //this.getAttribute('id'),
                                "campo_editar" : "valido_hasta",
                                "tabla": "admin_usuarios_permiso_alta"                                                
                            };
                        },
                        eight: "50px"
                    });                        
					
                    // $(".user_nombre").css("background-color","rgba(0, 255, 0, 0.5)");
                },
				
                "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
                    
                    // var valido_hasta  = FECHAS.fechaMyslToFormatoCorto(aData.valido_hasta);
                    //var acciones = "-";     
                        
                    //$('td:eq(0)', nRow).html(acciones); 					
                    //$('td:eq(2)', nRow).html('<div class="user_nombre" id="user_' + aData.legajo + '">' + aData.nombre + '</div>'); 
                    $('td:eq(4)', nRow).html('<div class="cant_dias_atras" id="user_' + aData.legajo + '">' + aData.cant_dias_atras + '</div>');     
                    $('td:eq(5)', nRow).html('<div class="valido_hasta" id="userval_' + aData.legajo + '">' + aData.valido_hasta + '</div>');     
                    
	
                },             			
					
                "aoColumns": [                    
                    //{"aTargets": [ 0 ], "mData": "legajo", "bVisible": true, "bSortable": false, "bSearchable": true, "sWidth": "10px"},
                    {"aTargets": [ 0 ], "mData": "legajo", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "10px"},
                    {"aTargets": [ 1 ], "mData": "nombre", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px"}, //nro ingr
                    {"aTargets": [ 2 ], "mData": "usuario", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px"}, //nro ingr
                    {"aTargets": [ 3 ], "mData": "rep", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "120px" }, //nro exp				
                    {"aTargets": [ 4 ], "mData": "cant_dias_atras", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "10px" },
                    {"aTargets": [ 5 ], "mData": "valido_hasta", "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "50px" } //tipo                			                 
                    
                ],    

                "oLanguage": oLanguageGlobal
                               
//            }).columnFilter({                    
//                
//                aoColumns: [                                         
//                    { type: "text" }, 					  
//                    { type: "text" },
//                    { type: "text" },
//                    { type: "text" },
//                    { type: "text" },
//                    { type: "text" }
//                ],
//                
//                bUseColVis: true
//
              }).rowGrouping({
                iGroupingColumnIndex: 3,            
                bHideGroupingColumn: false,
                bExpandableGrouping: true
            
            });   		
                 
        } );         
        
    // })(); //termina autoejecutable   
	
    oTableUsuariosMesa.refresh = function(){ 
        //oTableUsuariosMesa.fnSort( [[0,'desc']])
        refresh_data(oTableUsuariosMesa);
        showStickySuccessToast("Actualizando Datos");
    } 
        
</script>
<!--div class="contenedor_tab"-->
<div class="" style="width:90%; margin:0 auto;">    

    <br>

    <h1 class="tituloCeleste">Usuarios:
        <a style="float:right; margin-top: -9px" title='Actualizar' id="refresh" href='javascript:oTableUsuariosMesa.refresh()' ><img style='cursor:pointer' src='images/refresh.png' width="20"  border='0'  ></a> &nbsp;
    </h1>

    <br>  

    <table cellpadding="0" cellspacing="0" border="0" class="display datatable" id="dt_usuarios_x_repart_mesa" >
        <thead>
            <tr>       
<!--                <th>Acciones</th>-->
                <th>Legajo</th>
                <th>Nombre</th>
                <th>Usuario</th>
                <th>Reparticion</th> 
                <th>Cant. dias</th>          
                <th>Valido Hasta</th>                         
            </tr>
        </thead>
        <tbody>
        </tbody>	
        <tfoot>
            <tr>         
<!--                <th></th>-->
                <th></th>  				
                <th></th>  
                <th></th>  
                <th></th> 
                <th></th>  				
                <th></th>                          
            </tr>
        </tfoot>
    </table>
</div>
